<template>
  <div>
    <div v-if="!row.children" class="picture">
      <el-image :src="row.icon_url">
        <el-row slot="error" type="flex" align="middle" justify="center" class="image-slot"><i class="el-icon-picture-outline" /></el-row>
      </el-image>
    </div>
    <span v-else>-</span>
  </div>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.picture {
  width: 40px;
  height: 40px;
  position: relative;
  .el-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    ::v-deep.image-slot {
      height: 100%;
      font-size: 20px;
      color: #909399;
      background: #f5f7fa;
    }
  }
}
</style>
